<?php 
/* 
Proyecto: Sistema Victoria 2.0
Programador: Felipe Guerra
Año: 2015
Flores de tumbabiro ©
*/
require_once('../core/libreria.php');
require_once('../db/connect.php'); 

?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/list.css" /><!--Importante, siempre debe ir antes del css del menu vertical-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>


<!-- title -->
<?php require_once('../core/title.php'); ?> 

<!-- BANNER -->
<?php require_once('../core/banner.php'); ?> 

<!-- Menú superior -->
<?php require_once('../core/menuSuperior.php'); ?> 

</head>

<body <?php require_once('../core/BodyBackground.php'); ?>  >
<br><br><br>

<table width="100%" border="0">
  <tr>
    <td width="15%" valign="top" >
		<!-- Menú Vertical -->
		<?php require_once('../core/menuVertical.php'); ?> 
    </td>
    <td width="85%" align="center" >
    <!----------------------------------------
    --------------------INICIO----------------
    ----------------------------------------->
    
<!--Estilos de la tabla utilizada para ver y ABC-->
<link rel="stylesheet" href="../css/tabla.css" />

<!--Javascript de la tabla utilizada para ABC-->
<script src="../js/tabla.js"></script>      
            
<style>
.tabla_css select{
	width: 320px;
}	


	.select_class{border:1px solid #ccc;padding:10px;border-radius:10px 0 0 10px; }
	.clear{clear:both;text-align:center}
	.div_class{float:left;text-align:center}
	.input_class {margin:25px 1px 0 1px;border:1px solid #ccc;padding:2px;}
	.izq{border-radius:10px 0 0 10px;}
	.der{border-radius:0 10px 10px 0;}
	
</style>   

<?php 
$filaMostrar = $_GET['id'];

//Select de los usuarios origen
mysql_select_db($database_victoria, $victoria );
$sql = "
SELECT
  USU_CODIGO,
  AGE_CODIGO,
  CONCAT(USU_NOMBRE, ' ', USU_APELLIDO) nombre,
  USU_USERNAME
FROM usuario
WHERE USU_ESTADO = 1
AND AGE_CODIGO = 0
ORDER BY nombre
";
$origen = mysql_query($sql, $victoria ) or die(mysql_error());


//Select de los usuarios destino
mysql_select_db($database_victoria, $victoria );
$sql = "
SELECT
  USU_CODIGO,
  AGE_CODIGO,
  CONCAT(USU_NOMBRE, ' ', USU_APELLIDO) nombre,
  USU_USERNAME
FROM usuario
WHERE USU_ESTADO = 1
AND AGE_CODIGO = $filaMostrar
ORDER BY nombre
";
$destino = mysql_query($sql, $victoria ) or die(mysql_error());

?>

<script>
//Funcionalidad para quitar y agregar usuarios
$().ready(function() 
	{
		$('.pasar').click(function() { return !$('#origen option:selected').remove().appendTo('#destino'); });  
		$('.quitar').click(function() { return !$('#destino option:selected').remove().appendTo('#origen'); });
		$('.pasartodos').click(function() { $('#origen option').each(function() { $(this).remove().appendTo('#destino'); }); });
		$('.quitartodos').click(function() { $('#destino option').each(function() { $(this).remove().appendTo('#origen'); }); });
		$('#submit').click(function() { 
		
			$('#origen option').prop('selected', 'selected'); //Debe seleccionarlos para que muestre los values					
			$('#destino option').prop('selected', 'selected'); //Debe seleccionarlos para que muestre los values					
			origen = $('#origen').val();			
			destino = $('#destino').val();			
			
			
			  $.ajax({
				  async:true,    
				  type: 'POST',   
				  url: "ajax/usuario_agenciaAjax.php",
				  data: "origen="+origen + "&destino="+destino + "&origen_old="+$("#origen_old").val() + "&destino_old="+$("#destino_old").val() + "&filaMostrar="+<?php echo $filaMostrar?>, 
				  success:  function(data){  
				  //alert(data);
					  $("#formulario").submit();
				  }
			  });
			
		});
	}
);
</script>      

<div style="text-align:left; margin-left: 5%;">
    <img src="../imagenes/listABC/bullet_green.png">
    <a href="<?php echo $_GET['pn']?>List.php?ms=<?php echo $_GET['ms'];?>" style="color:#666666;">
        Agencia de carga
    </a>
    <img src="../imagenes/listABC/bullet_go.png">
    Actual
</div>
<br>
        
<table width="80%" border="1" style="background-color:#FFFFFF" class="tabla_css" >
  <tr  id="tr_encabezado" >
    <td colspan="2">
	   Asignar usuario	
    </td>
  </tr>
  <tr>
    <td colspan="2" align="center">


<form action="" method="post" id="formulario">
<table width="100%" border="1">
  <tr>
    <td>
        <div class="div_class">
        <select class="select_class" name="origen[]" id="origen" multiple="multiple" size="12" >
        <?php 
		$origen_old = '';
		while($fila = mysql_fetch_assoc($origen)){
			$origen_old .= $fila['USU_CODIGO'].',';
		?>
        <option value="<?php echo $fila['USU_CODIGO']?>" title="<?php echo $fila['nombre']?>"><?php echo $fila['nombre']?></option>
		<?php 
		}
		$origen_old = substr($origen_old, 0, -1);
		?>
        </select>
        </div>    
    </td>
    <td>
        <div class="div_class">
        <input type="button" class="input_class pasar izq" value="Pasar »"><input type="button" class="input_class quitar der" value="« Quitar"><br />
        <input type="button" class="input_class pasartodos izq" value="Todos »"><input type="button" class="input_class quitartodos der" value="« Todos">
        </div>    
    </td>
    <td>
        <div class="div_class">
        <select class="select_class" name="destino[]" id="destino" multiple="multiple" size="12" >
        <?php 
		while($fila = mysql_fetch_assoc($destino)){
			$destino_old .= $fila['USU_CODIGO'].',';			
		?>
        <option value="<?php echo $fila['USU_CODIGO']?>" title="<?php echo $fila['nombre']?>"><?php echo $fila['nombre']?></option>
		<?php 
		}
		$destino_old = substr($destino_old, 0, -1);		
		?>
        </select>
        </div>    
    </td>
  </tr>
</table>
<input type="hidden" id="origen_old" name="origen_old" value="<?php echo $origen_old ?>" />
<input type="hidden" id="destino_old" name="destino_old" value="<?php echo $destino_old ?>" />
</form> 

    </td>
  </tr>
  <tr>
    <td colspan="2">
    <script>
	//Campo sugerido
	$(function() {  
		$("#usuario").autocomplete({  
		  source: "ajax/agencia_cargaSearch.php",
		  minLength: 2
		});  
	});     
	</script>
    	Buscar (nombre - agencia ):
		<input class="" type="text" id="usuario" name="usuario" value="<?php echo $_POST['usuario'] ?>" style="width:500px" /></td>
  </tr>
  <tr>
    <td colspan="2" id="td_pie">
      <input id="submit" name="submit" type="button" value="Procesar formulario"  class="btn btn-large" />
      <a href="<?php echo $_GET['pn']?>List.php?ms=<?php echo $_GET['ms']?>" class="btn btn-large" >
        Regresar
        </a>        
      </td>
  </tr>
</table>

    <!----------------------------------------
    --------------------FIN-------------------
    ----------------------------------------->
    </td>
  </tr>
</table>
<input id="verify" name="verify" type="hidden" value="verify"></input>

</body>
</html>